<template>
  <div>
    <p>我是子组件</p>
    <slot><h5>我是子组件插槽</h5></slot>
    <!-- 具名插槽 -->
    <slot name="s1"><h5>我是子组件具名插槽1</h5></slot>
    <slot name="s2"><h5>我是子组件具名插槽2</h5></slot>
    <!--  作用域插槽 -->
    <slot :row="data" name="s3">{{ data }}</slot>
  </div>
</template>
<script>
export default {
  props: {
    data: {
      type: String,
      // 设置默认值
      default: () => {
        return '哈哈哈哈哈'
      }
    }
  }
}
</script>
